<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--1.axios.js-->
    <script src="js/axios-0.18.0.js"></script>
    <script>
        //使用axios发送请求到服务器
        //1.get
 /*       axios({
            method:'get',   //请求方式
            url:'http://localhost:8080/web09/helloAjax?username=zs&id=1' //请求资源路径
        }).then(function (resp){
            //成功执行的操作
            console.log(resp.data);

        }).catch(function () {
            //失败的操作
            console.log("出错了");
        });*/

        var user = {id:1,username:'张三'} //模拟数据时从表单中收集的作为一个对象
        //2.post
        axios({
            method:'post',   //请求方式
            url:'http://localhost:8080/web09/helloAjax', //请求资源路径
            //data: 'username=zs&id=1'              //请求数据  可以携带字串或对象
            data: user              //请求数据  可以携带字串或对象
        }).then(function (resp){
            //成功执行的操作
            console.log(resp.data);

        }).catch(function (error) {
            //失败的操作
            console.log("出错了"+error.message);
        });

        //请求别名  开发中请求有多中 常用的get 查询  post 新增  delete 删除  put 修改

        // axios.get("http://localhost:8080/web09/helloAjax?username=zs&id=1").then(...)
        // axios.post("http://localhost:8080/web09/helloAjax",user).then(...);

    </script>
</head>
<body>

</body>
</html>